<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>笔记</title>
	<link rel="stylesheet" type="text/css" href="css/note.css">
</head>
<body>
<div class="head">3.22  笔记</div>
<div class="mian">
<div class="mian_text">
<h4 class="title">js事件、事件委托</h4>
<hr class="hr1">
<h3 class="read">阅读目录</h3>
<ul>
	<li>1.执行环境</li>
	<li>2.作用域链</li>
</ul>
<div class="content"><a>回到目录</a></div>
<div class="content1">事件流</div>
<p>事件流：页面中接收事件的顺序；</p>
<p>IE的事件流是冒泡流，其他的浏览器是捕获流，如下图；</p>
<img src="images/dom.jpg">
<div class="content"><a>回到目录</a></div>
<div class="content1">DOM事件流</div>
<p>DOM 事件流同时支持这两种事件流，并且规定DOM任何事件流都包含三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段；</p>
<div class="content"><a>回到目录</a></div>
<div class="content1">注册事件</div>
<p>之前注册事件的方法或多或少都会存在一些问题，现在通常是使用AddEventlistener()来注册事件/监听事件，与之对应的还有removeEventListener()来删除事件;</p>
<p>所有DOM节点都有这两个方法，并且他们都是接收3个参数（事件类型，事件处理，boolean）,第三个参数如果是在冒泡阶段处理是false,反之true；</p>
<div class="content"><a>回到目录</a></div>
<div class="content1">委托事件</div>
<p>一开始我以为js中的委托事件跟.net中的delegate(委托)是一个概念，其实不是这样，js中的委托事件其实是利用事件冒泡到父节点，通过父节点来监听事件，在通过事件对象来判断是那个元素，然后相应的处理；</p>
<p>event 事件对象：在触发DOM上任何事件都会产生这个event对象，这个对象包含了所有与事件相关的信息（很强大的一个对象具体的可以自己查相关资料）；</p>
<div class="content2">委托事件</div>



</div>

</div>
</body>
</html>